<!-- 房产知识内容板块 -->
<template>
  <div class="knowledge_container">
    <Item id="kItem" v-for="item in list1" :key="item.id" :title="item.title" :list="item.list" />
  </div>
  <div class="knowledge_container">
    <Item id="kItem" v-for="item in list2 " :key="item.id" :title="item.title" :list="item.list" />
  </div>
</template>

<script>
import { defineComponent, ref } from 'vue'
import Item from '@/components/firstBody/KnowledgeItem.vue'
export default defineComponent({
  components: {
    Item
  },
  setup () {
    const list1 = ref([
      {
        id: 1,
        title: '房产问答',
        list: [
          '空调叶子打不开',
          '契税1%是多还是少',
          '奥克斯空调制热自动关闭显示E4',
          '拆迁安置补偿费有哪些',
          '房屋买卖公证后不过户有什么风险',
          '二套房不建议公积金贷款吗',
          '怎样检测空调是否缺氟利昂',
          '志高空调出现p1',
          '空调水管堵了怎么清理'
        ]
      },
      {
        id: 2,
        title: '房产问答',
        list: [
          '办理房产证流程',
          '房产证挂失方法',
          '房产证更名方法',
          '棚户区改造政策',
          '国有土地使用证',
          '房屋产权证明',
          '房屋产权到期',
          '房屋产权变更',
          '房屋更名流程'
        ]
      },
      {
        id: 3,
        title: '房产问答',
        list: [
          '空调叶子打不开',
          '契税1%是多还是少',
          '奥克斯空调制热自动关闭显示E4',
          '拆迁安置补偿费有哪些',
          '房屋买卖公证后不过户有什么风险',
          '二套房不建议公积金贷款吗',
          '怎样检测空调是否缺氟利昂',
          '志高空调出现p1',
          '空调水管堵了怎么清理'
        ]
      },
      {
        id: 4,
        title: '房产问答',
        list: [
          '空调叶子打不开',
          '契税1%是多还是少',
          '奥克斯空调制热自动关闭显示E4',
          '拆迁安置补偿费有哪些',
          '房屋买卖公证后不过户有什么风险',
          '二套房不建议公积金贷款吗',
          '怎样检测空调是否缺氟利昂',
          '志高空调出现p1',
          '空调水管堵了怎么清理'
        ]
      }
    ])
    const list2 = ref([
      {
        id: 1,
        title: '房产问答',
        list: [
          '空调叶子打不开',
          '契税1%是多还是少',
          '奥克斯空调制热自动关闭显示E4',
          '拆迁安置补偿费有哪些',
          '房屋买卖公证后不过户有什么风险',
          '二套房不建议公积金贷款吗',
          '怎样检测空调是否缺氟利昂',
          '志高空调出现p1',
          '空调水管堵了怎么清理'
        ]
      },
      {
        id: 2,
        title: '房产问答',
        list: [
          '办理房产证流程',
          '房产证挂失方法',
          '房产证更名方法',
          '棚户区改造政策',
          '国有土地使用证',
          '房屋产权证明',
          '房屋产权到期',
          '房屋产权变更',
          '房屋更名流程'
        ]
      },
      {
        id: 3,
        title: '房产问答',
        list: [
          '空调叶子打不开',
          '契税1%是多还是少',
          '奥克斯空调制热自动关闭显示E4',
          '拆迁安置补偿费有哪些',
          '房屋买卖公证后不过户有什么风险',
          '二套房不建议公积金贷款吗',
          '怎样检测空调是否缺氟利昂',
          '志高空调出现p1',
          '空调水管堵了怎么清理'
        ]
      },
      {
        id: 4,
        title: '房产问答',
        list: [
          '空调叶子打不开',
          '契税1%是多还是少',
          '奥克斯空调制热自动关闭显示E4',
          '拆迁安置补偿费有哪些',
          '房屋买卖公证后不过户有什么风险',
          '二套房不建议公积金贷款吗',
          '怎样检测空调是否缺氟利昂',
          '志高空调出现p1',
          '空调水管堵了怎么清理'
        ]
      }
    ])
    return {
      list1,
      list2
    }
  }
})
</script>

<style lang='less' scoped>
.knowledge_container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  width: 1180px;
  #kItem:nth-child(4n) {
    margin-right: 0;
  }
}
</style>
